diff --git a/code/frontend/src/components/BoxWithHeader.js b/code/frontend/src/components/BoxFull.js
similarity index 84%
rename from code/frontend/src/components/BoxWithHeader.js
rename to code/frontend/src/components/BoxFull.js
index 8c3444e..eb14c7b 100644
--- a/code/frontend/src/components/BoxWithHeader.js
+++ b/code/frontend/src/components/BoxFull.js
@@ -1,5 +1,5 @@
 import React from "react"
-import Style from "./BoxWithHeader.module.css"
+import Style from "./BoxFull.module.css"
 import classNames from "classnames"
 
 
@@ -13,7 +13,7 @@ import classNames from "classnames"
  * @returns {JSX.Element}
  * @constructor
  */
-export default function BoxWithHeader({ header, children, className, ...props }) {
+export default function BoxFull({ header, children, className, ...props }) {
     return (
         <div className={classNames(Style.BoxWithHeader, className)} {...props}>
             <div className={Style.BoxHeader}>
diff --git a/code/frontend/src/components/BoxWithHeader.module.css b/code/frontend/src/components/BoxFull.module.css
similarity index 100%
rename from code/frontend/src/components/BoxWithHeader.module.css
rename to code/frontend/src/components/BoxFull.module.css
diff --git a/code/frontend/src/routes/PageAlerts.js b/code/frontend/src/routes/PageAlerts.js
index e1a1f90..b6d3a28 100644
--- a/code/frontend/src/routes/PageAlerts.js
+++ b/code/frontend/src/routes/PageAlerts.js
@@ -1,18 +1,18 @@
 import React from "react"
 import Style from "./PageAlerts.module.css"
 import classNames from "classnames"
-import BoxWithHeader from "../components/BoxWithHeader"
+import BoxFull from "../components/BoxFull"
 
 
 export default function PageAlerts({ children, className, ...props }) {
     return (
         <div className={classNames(Style.PageAlerts, className)} {...props}>
-            <BoxWithHeader header={"Your alerts"} className={Style.YourAlerts}>
+            <BoxFull header={"Your alerts"} className={Style.YourAlerts}>
                 a
-            </BoxWithHeader>
-            <BoxWithHeader header={"Create new alert"} className={Style.CreateAlert}>
+            </BoxFull>
+            <BoxFull header={"Create new alert"} className={Style.CreateAlert}>
                 b
-            </BoxWithHeader>
+            </BoxFull>
         </div>
     )
 }
diff --git a/code/frontend/src/routes/PageHome.js b/code/frontend/src/routes/PageHome.js
index de02bf4..67679e5 100644
--- a/code/frontend/src/routes/PageHome.js
+++ b/code/frontend/src/routes/PageHome.js
@@ -2,7 +2,7 @@ import React from "react"
 import Style from "./PageHome.module.css"
 import classNames from "classnames"
 import BoxHeader from "../components/BoxHeader"
-import BoxWithHeader from "../components/BoxWithHeader"
+import BoxFull from "../components/BoxFull"
 import Checkbox from "../components/Checkbox"
 import InputWithIcon from "../components/InputWithIcon"
 import { faFolder, faPlus } from "@fortawesome/free-solid-svg-icons"
@@ -18,22 +18,22 @@ export default function PageHome({ children, className, ...props }) {
             <BoxHeader className={Style.Header}>
                 Create a new repository
             </BoxHeader>
-            <BoxWithHeader className={Style.SearchByZone} header={
+            <BoxFull className={Style.SearchByZone} header={
                 <span><Checkbox/> Search by zone</span>
             }>
 
-            </BoxWithHeader>
-            <BoxWithHeader className={Style.SearchByHashtags} header={
+            </BoxFull>
+            <BoxFull className={Style.SearchByHashtags} header={
                 <span><Checkbox/> Search by hashtag</span>
             }>
 
-            </BoxWithHeader>
-            <BoxWithHeader className={Style.SearchByTimePeriod} header={
+            </BoxFull>
+            <BoxFull className={Style.SearchByTimePeriod} header={
                 <span><Checkbox/> Search by time period</span>
             }>
 
-            </BoxWithHeader>
-            <BoxWithHeader className={Style.CreateDialog} header={"Create repository"}>
+            </BoxFull>
+            <BoxFull className={Style.CreateDialog} header={"Create repository"}>
                 <LabelledForm action={""}>
                     <Label for_={"repo-name"} text={"Repository name"}>
                         <InputWithIcon id={"repo-name"} icon={faFolder}/>
@@ -51,7 +51,7 @@ export default function PageHome({ children, className, ...props }) {
                         Create repository
                     </Button>
                 </LabelledForm>
-            </BoxWithHeader>
+            </BoxFull>
         </div>
     )
 }
diff --git a/code/frontend/src/routes/PageRepositories.js b/code/frontend/src/routes/PageRepositories.js
index d21f9da..2d08e16 100644
--- a/code/frontend/src/routes/PageRepositories.js
+++ b/code/frontend/src/routes/PageRepositories.js
@@ -1,18 +1,18 @@
 import React from "react"
 import Style from "./PageRepositories.module.css"
 import classNames from "classnames"
-import BoxWithHeader from "../components/BoxWithHeader"
+import BoxFull from "../components/BoxFull"
 
 
 export default function PageRepositories({ children, className, ...props }) {
     return (
         <div className={classNames(Style.PageRepositories, className)} {...props}>
-            <BoxWithHeader header={"Your active repositories"} className={Style.ActiveRepositories}>
+            <BoxFull header={"Your active repositories"} className={Style.ActiveRepositories}>
                 a
-            </BoxWithHeader>
-            <BoxWithHeader header={"Your archived repositories"} className={Style.ArchivedRepositories}>
+            </BoxFull>
+            <BoxFull header={"Your archived repositories"} className={Style.ArchivedRepositories}>
                 b
-            </BoxWithHeader>
+            </BoxFull>
         </div>
     )
 }
diff --git a/code/frontend/src/routes/PageSettings.js b/code/frontend/src/routes/PageSettings.js
index 1ff3a1a..9c964ae 100644
--- a/code/frontend/src/routes/PageSettings.js
+++ b/code/frontend/src/routes/PageSettings.js
@@ -2,7 +2,7 @@ import React from "react"
 import Style from "./PageSettings.module.css"
 import classNames from "classnames"
 import BoxHeader from "../components/BoxHeader"
-import BoxWithHeader from "../components/BoxWithHeader"
+import BoxFull from "../components/BoxFull"
 import Select from "../components/Select"
 import SelectTheme from "../components/SelectTheme"
 
@@ -16,15 +16,15 @@ export default function PageSettings({ children, className, ...props }) {
             <BoxHeader>
                 Switch theme: <SelectTheme/>
             </BoxHeader>
-            <BoxWithHeader header={"Change your email address"}>
+            <BoxFull header={"Change your email address"}>
 
-            </BoxWithHeader>
-            <BoxWithHeader header={"Alert settings"}>
+            </BoxFull>
+            <BoxFull header={"Alert settings"}>
 
-            </BoxWithHeader>
-            <BoxWithHeader header={"Change your password"}>
+            </BoxFull>
+            <BoxFull header={"Change your password"}>
 
-            </BoxWithHeader>
+            </BoxFull>
         </div>
     )
 }